﻿html, body, h1, form, fieldset, legend, ol, li{
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: myFont;
	src: url(KIT45F_0.eot);
}
@font-face {
	font-family: myFont;
	src: url(KIT45F_0.ttf) format('truetype');
}

body{
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.3em;
	color: #636363;
	width: 100%;
	margin: 0 auto;
	background: url(../images/register/tcdc.jpg) no-repeat fixed; 
	/*background-image: url();*/
	padding-top:0px;
	margin-top:0px;
	letter-spacing: 1px;
}

#logo { 
 	width: 100%;
	height:90px; 
	background: url(../images/register/tcdc_logo.png) no-repeat; margin-left:180px;
	margin: 0px auto;
	padding-top:0px;
	padding-left:20px;
}
h1{
	font-size: 28px;
	margin-bottom: 0px;
	padding-left:0px;
	color: #edf4fa;
	text-shadow: 0 1px 1px  #edf4fa;
	background-color: #0066FF;
	width:930px;
	line-height:40px;
	-moz-border-radius:5px 5px 0px 0px ;
	-webkit-border-radius:5px 5px 0px 0px ;
	-khtml-border-radius:5px 5px 0px 0px ;
	border-radius:5px 5px 0px 0px ;
	background: url(../images/register/bg_FormTop.png) no-repeat;
	letter-spacing: -0.02em;
}
h3{
	font-size: 28px;
	margin-bottom: 0px;
	padding-left:0px;
	color: #edf4fa;
	text-shadow: 0 1px 1px  #edf4fa;
	background-color: #0066FF;
	width:930px;
	line-height:40px;
	-moz-border-radius:5px 5px 0px 0px ;
	-webkit-border-radius:5px 5px 0px 0px ;
	-khtml-border-radius:5px 5px 0px 0px ;
	border-radius:5px 5px 0px 0px ;
	background: url(../images/register/bg_FormTop.png) no-repeat;
	letter-spacing: -0.02em;
}
#wrap{
	background:#2ac7e1;
	background: rgba(255,255,255,.97);
	border-top: 0px solid #2ac7e1;
	padding: 0.4em 1em 1em 1em;
	width: 75%;
	/*height: 220px;*/
	margin: 0 auto;
}
#formContainer {
	margin: 0 auto;
	background: none;
	padding: 0;
	position: relative;
	width: 990px;
}



#content {

	padding-top:0px;
	margin-top:0px;
	
}

#content h2,
#content p {
	    margin: 0 0 15px 0;
} 

form#register {
		/*background-color: #A3B82B;*/
	   -moz-border-radius: 0px 5px 5px 5px ;
		-webkit-border-radius: 0px 5px 5px 5px ;
		-khtml-border-radius: 0px 5px 5px 5px;
		border-radius: 0px 5px 5px 5px ;
		counter-reset: fieldsets;
		width: 990px;
		margin: 0px auto;
		padding-top:0;
}
		
form#register fieldset {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		-khtml-border-radius:5px;
		border-radius:5px ;
		margin-bottom: 10px;
		margin-top:20px;
		/*border-color: #2ac7e1;*/
}
form#register fieldset[for=column] {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		-khtml-border-radius:5px;
		border-radius:5px ;
		margin-bottom: 10px;
		margin-top:20px;
		width: 97%;
		/*border-color: #2ac7e1;*/
}
form#register fieldset[for=condition] {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		-khtml-border-radius:5px;
		border-radius:5px ;
		margin-bottom: 14px;
		margin-top:20px;
		width: 100%;
		padding-bottom: 9px;
		/*border-color: #2ac7e1;*/
}
form#register fieldset[for=summary] {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		-khtml-border-radius:5px;
		border-radius:5px ;
		margin-bottom: 10px;
		margin-top:20px;
		width: 60%;
		margin: 0 auto;
		/*border-color: #2ac7e1;*/
}
form#register fieldset[for=nobor] {
		border: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: 0px;
		
}
form#register fieldset[for=nobor2] {
		border: none;
		margin-bottom: 0px;
		padding-bottom: 14px;
		padding-top: 0px;
		margin-top: 0px;
		
}
form#register fieldset[for=accordion] {
		border: none;
		margin-bottom: 10px;
		margin-top: -20px;
		width:100%;

}
		
form#register fieldset:last-of-type {
	    margin-bottom: 0;
}
			
form#register legend {
		font-size: 1.4em;
		padding-bottom: 10px;
		text-shadow: 0 0px 0px  #167591;
		display:inline;
		list-style:none;
		letter-spacing: -0.02em;
}
form#register legend[for=radiobutton] 
{
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.0em;
	letter-spacing: 1px;
	font-weight: none;
	float:left;
	color: #333;
	padding-bottom: 0px;
	display:inline;
	list-style:none;
	/*text-shadow: 0 1px 0px  #000;*/
}
form#register legend[for=radiobutton2] {
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.3em;
	letter-spacing: 1px;
	font-weight: none;
	float:left;
	color: #333;
	padding-bottom: 12px;
	display: block;
	list-style:none;
}
form#register legend[for=type] {
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: none;
	
}
form#register legend[for=radio] {
		color: #167591;
		font-size: 1.2em;
		/*font-weight: bold;*/
		padding-bottom: 10px;
		text-shadow: 0 0px 0px  #167591;
		display:inline;
		list-style:none;
		letter-spacing: -0.02em;
		margin-top:0px;
		padding-top:0px;
		
}
/*form#register > fieldset > legend:before {
	content: "Step " counter(fieldsets) ": ";
	counter-increment: fieldsets;
}*/
				
form#register fieldset fieldset legend {
		color: #111111;
		font-size: 13px;
		font-weight: normal;
		padding-bottom: 0;
		display:inline;
		list-style:none;}
			
form#register ol li {
	/*	background: #b9cf6a;
		background: rgba(255,255,255,.3);
		border-color: #e3ebc3;
		border-color: rgba(255,255,255,.4);
		border-style: solid;
		border-width: 2px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;*/
		line-height: 45px;
		list-style: none;
		padding: 0px 10px;
		margin-bottom: 2px;
		/*font-weight:700;*/
}									
form#register ol ol li {
		background: none;
		border: none;
		float: left;
		display:inline;	
		padding-bottom: 0px;
		margin-bottom: 0px;
}
form#register label {
		float: left;
		font-size: 0.90 em;
		color:#333;
		width: 300px;
		/*font-weight:700;*/
		/*text-shadow: 0 1px 0px  #000;*/
}
				
form#register fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}
					
form#register label[for=name] {
	width: 340px;
}

form#register label[for=rdb] {
	width: 200px;
	padding-left:5px;
}
		
form#register label[for=rdb_etc] {
	width: 80px;
	padding-left:5px;
}	
form#register label[for=occupation] {
	width: 200px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=occupation2] {
	width: 98px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=occupation3] {
	width: 230px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=lvl] {
	width: 300px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=lbl1] {
	width: 780px;
	padding-left:5px;
	padding-right:5px;
	padding-top:14px;
	line-height: 35px;
}
form#register label[for=lbl2] {
	width: 200px;
	padding-left:5px;
}
form#register label[for=lbl3] {
	width: 250px;
	padding-left:5px;
	padding-right:5px;
	padding-top:14px;
	line-height: 35px;
	display: inline;
}
form#register label[for=type] {
	width: 300px;
	padding-left:5px;
	margin-top:2px;
}	
form#register label[for=type2] {
	width: 40px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=type3] {
	width: 80px;
	padding-left:5px;
	margin-top:12px;
}
form#register label[for=email] {
	width: 160px;
}
	
form#register fieldset fieldset label:hover {
	cursor: pointer;
}
				
form#register input:not([type=radio]),
form#register text {
		background: #EBEBEB;
		border: 1px #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		font-family:myFont,tahoma,Arial,sans-serif;
	    font-size : 0.9em;
		outline: none;
		padding: 5px;
		width: 220px;
}
form#register textarea {
		background: #EBEBEB;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		font-family:myFont,tahoma,Arial,sans-serif;
	    font-size : 0.9em;
		outline: none;
		padding: 5px;
		width: 200px;
}
				
form#register input:not([type=submit]):focus,
form#register textarea:focus {
		/*background: #eaeaea;*/
		background: #FFFFFF;
		opacity: 1;
	    filter: alpha(opacity=100);
}
					
form#register input[type=radio] {
		float: left;
		padding-left:0px;
		margin-right: 5px;
		display:inline;
		margin-top:16px;
}
form#register input[type=checkbox] {
		float: left;
		padding-left:0px;
		margin-right: 5px;
		display:inline;
		padding-left:10px;
	    width: 12px;
	    height: 18px;
	    margin-top:25px;
	    border: 1px solid #EBEBEB;
	    background: #EBEBEB;
	    line-height: 35px;
}

						
form#register button {
	
	border: none;
	background: #167591;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px; 
	background:url(../images/register/button.gif) no-repeat top;
	color: #fff;
	display: inline;
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 0px auto;
	padding: 7px 25px;
	font-weight: bold;
	text-transform: uppercase;
	float:inherit;
	height: 40px;
	line-height: 25px;
}

form#register button:hover {
	background: #167591;
	cursor: pointer;
	background:url(../images/register/button_over.gif) no-repeat top;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.button
{
	padding-top: 15px;
	
}
select {
		background: #EBEBEB;
		border:1px #EBEBEB;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		line-height: 30px;
		list-style: none;
		padding: 5px 10px;
		margin-bottom: 2px;
		width:230px;
}
  
  
input[type=submit],label,select,.pointer { cursor:pointer; }
/*#footer{
	margin-top:10px;
	border-top:dashed 1px #edf4fa;
	line-height:45px;
	color:#333;
	width:930px;
	text-align:center;
	
}*/

#footer {
	  color: #FFF;
	  text-align: center;
	  font-family:myFont,tahoma,Arial,sans-serif;
	  font-size: 1.3em;
}

#footer a {
	    color: #777;
} 


.containerSteps {
	width: 990px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #167591;
}
.steps {
	background:none;
	padding: 1px 0;
	overflow: hidden;
}
.steps ul, .steps li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.steps ul { float: left; }
.steps li {
	float: left;
	width: 262px;
	line-height: 0.80em;
}
.steps li a {
	display: block;
	padding: 15px 20px;
	background: #d0d0d0;
	color: #fff;
	line-height: 0.80em;
	text-decoration: none;
}
.steps li a strong {
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.1em;
	margin-bottom: 2px; 
	color: #EBEBEB; 
}
.steps li a:hover { background: #666;line-height: 0.80em; }
.steps li.step, .steps li.step a {
	position: relative;
	z-index: 5;
}
.steps li.step-1, .steps li.step-1 a { z-index: 4; }
.steps li.step-2, .steps li.step-2 a { z-index: 3; }
.steps li.step-3, .steps li.step-3 a { z-index: 2; }
.steps li.step-4, .steps li.step-4 a { z-index: 1; }
.steps li.step-1 a, .steps li.step-2 a, .steps li.step-3 a , .steps li.step-4 a{
	background: transparent url(../images/register/step.png) center right no-repeat;
	padding-right: 30px;
}
.steps li.step-4 a{
	background: transparent url(../images/register/step_last.png) center right no-repeat;
	padding-right: 30px;
}
.steps li.step-2, .steps li.step-3, .steps li.step-4 { margin-left: -20px; }
.steps li.step-2 a { padding-left: 45px; }
.steps li.step-3 a,steps li.step-4 a {
	padding-left: 45px;
	padding-right: 80px;
    background-position: center left;
}
.steps li.step-4 a { padding-left: 45px; }
/*.steps li.step-1 a:hover ,.steps li.step-2 a:hover,.steps li.step-3 a:hover{ background: transparent url(../images/step_over.png) center left no-repeat;line-height: 0.80em; }
.steps li.step-4 a:hover{ background: transparent url(../images/step_over_last.png) center left no-repeat;line-height: 0.80em; }
.steps li.step-3 a:hover,steps li.step-4 a:hover { background-position: center left; }*/

.steps li.step-1 .active{ background: transparent url(../images/register/step_over.png) center left no-repeat;line-height: 0.80em; }
.steps li.step-2 .active{ background: transparent url(../images/register/step_over.png) center left no-repeat;line-height: 0.80em; }
.steps li.step-3 .active{ background: transparent url(../images/register/step_over.png) center left no-repeat;line-height: 0.80em; }
.steps li.step-4 .active{ background: transparent url(../images/register/step_over_last.png) center left no-repeat;line-height: 0.80em; }

#accordion 
{
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 1.0em;
    margin:0;
    padding:0;  
    list-style:none;
}
 #accordion li {
    width:100%;
        
    }
     #accordion h3 {
        width:988px;
    }
     
#birthday
{
	font-family:myFont,tahoma,Arial,sans-serif;
	font-size: 0.8em;
	padding-top: 300px;
    width:60%; 
	}